<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>东方韵 中国丽人秀·深圳站</title>
        <meta name="description" content="">
        <meta name="keywords" content="">
        <meta name="author" content="众测天下@zhongcetianxia.com">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
        <meta name="renderer" content="webkit">
        <meta http-equiv="Cache-Control" content="no-transform"/>
        <meta http-equiv="Cache-Control" content="no-siteapp" />
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <link href="//cdn.bootcss.com/light7/0.4.3/css/light7.min.css" rel="stylesheet">
        <style type="text/css">
            html {
                font-size: 20px;
            }
            @media only screen and (max-width: 320px) {
                html {
                    font-size: 16px !important;
                }
            }
            @media only screen and (min-width: 375px) {
                html {
                    font-size: 18px !important;
                }
            }
            @media only screen and (min-width: 400px) {
                html {
                    font-size: 19.2px !important;
                }
            }
            @media only screen and (min-width: 414px) {
                html {
                    font-size: 19.872px !important;
                }
            }
            @media only screen and (min-width: 480px) {
                html {
                    font-size: 23.04px !important;
                }
            }
            img{max-width: 100%;}
            /*public*/
            .text-center{text-align: center;}
            .ai-top { -webkit-box-align: start!important; -webkit-align-items: flex-start!important; align-items: flex-start!important; }
            /*before after*/
            .before-no:before { height: 0!important; background-color: transparent!important }
            .after-no:after { height: 0!important; background-color: transparent!important }
            .b-no{border:0!important }
            .m-no { margin: 0!important; }
            .mt-no { margin-top: 0!important; }
            .r-sm { -moz-border-radius: 0.25rem!important; -webkit-border-radius: 0.25rem!important; border-radius: 0.25rem!important; overflow: hidden }
            .r-round { -moz-border-radius: 0.75rem!important; -webkit-border-radius: 0.75rem!important; border-radius: 0.75rem!important; overflow: hidden }
            .r-circle { -moz-border-radius: 50%!important; -webkit-border-radius: 50%!important; border-radius: 50%!important; overflow: hidden }
            .list-block > ul > li {border-bottom: 1px solid #f1f1f1;}
            .list-block > ul > li:last-child {border-bottom:0;}
            /*thumb*/
            .thumb-1x { width: 2.4rem }
            .thumb-2x { width: 3.2rem }
            .thumb-3x { width: 4.0rem }
            /*fixed*/
            .fixed-top { position: fixed; left: 0; top: 0; right: 0; z-index: 99 }
            .fixed-bottom { position: fixed; left: 0; right: 0; bottom: 0; z-index: 99 }
            .fixed-bottom~.content {bottom: 3.8rem;}
            /*color*/
            .color-white{color:#fff!important;}
            .color-grey { color: #ABABAB!important; }
            .color-main { color: #03AB9E!important; }
            .color-sub { color: #59BFFD!important; }
            .color-sub-dark { color: #2AAEEC!important; }
            .bg-grey { background-color: #f7f7f8!important; }
            .bg-dark{background-color: #999999!important;}
            .bg-white { background-color: #ffffff!important; }
            .bg-main{background-color:#02CFC1!important;}
            .bg-main-dark{background-color:#03AB9E!important;}
            .bg-main-light{background-color:#CCECFF!important;}
            .bg-sub{background-color: #59BFFD}
            .bg-sub-dark{background-color: #2AAEEC}
            .bg-sub-light{background-color: #59BFFD}
            /*font-size*/
            .fs-sm { font-size: 0.50rem!important; }
            .fs-0x { font-size: 0.65rem!important; }
            .fs-1x { font-size: 0.75rem!important; }
            .fs-2x { font-size: 0.95rem!important; }
            .fs-3x { font-size: 1.15rem!important; }
            /*text*/
            .text-nowrap-1x { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 1; -webkit-box-flex: 1; height: inherit; }
            .text-nowrap-2x { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2;-webkit-box-flex: 2; height: inherit; }
            .text-nowrap-3x { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 3;-webkit-box-flex: 3; height: inherit; }
            .text-nowrap-4x { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 4;-webkit-box-flex: 4; height: inherit; }
            .text-nowrap-5x { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 5;-webkit-box-flex: 5; height: inherit; }
            /*overwrite*/
            .content-padded{margin-left:0.75rem;margin-right: 0.75rem;}
            /*当前页*/
            .list-no-border{border:0!important;}
            .list-no-border .item-inner{border-bottom: 0!important}
            .list-block.list-no-border > ul > li {border-bottom: 0}
            .wrap { /*position: fixed; left: 0; bottom: 0; right: 0; top: 0; min-height: 100vh;*/ width:100%;background: url("__PUBLIC__/widget/vote/images/vote/body_bg.png") top center repeat-y #aa34bf; background-attachment: fixed;background-size: 100% auto;/*z-index: -2;*/ }
            .wrap-body{background-color: #fff;padding:0 0.75rem 0.75rem 0.75rem;-moz-box-shadow: 0 0.05rem 0.1rem rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0.05rem 0.1rem rgba(0, 0, 0, 0.1); box-shadow: 0 0.05rem 0.1rem rgba(0, 0, 0, 0.1);}
            .page > .content{background: url("__PUBLIC__/widget/vote/images/vote/body_bg.png") center repeat-y;background-color:#aa34bf }
            /*popup*/
            .popup-header{position: relative;/*background-color: #59BFFD;color:#fff;*/color:#2CBAF5;height:2.4rem;line-height: 2.4rem;padding-left: 0.75rem;padding-right: 0.75rem;}
            .popup-header h3{font-size:0.8rem;}
            .popup-header .close-popup{position: absolute;right:0.55rem;top:0;font-size: 1.25rem;/*color:#fff;*/}
            /*popup*/
            .popup-wrap{display: inline-block;width:90%;max-width:100%;height:17rem;background: url("__PUBLIC__/widget/vote/images/vote/popupBg.png") bottom center no-repeat;background-size: 100% 100%;background-color: transparent;border:none!important;margin-top: 0rem;margin-bottom: 1.0rem;}
            .popup-wrap2{display: inline-block;width:90%;max-width:100%;height:17rem;background: url("__PUBLIC__/widget/vote/images/vote/popupBg2.png") bottom center no-repeat;background-size: 100% 100%;background-color: transparent;border:none!important;margin-top: 0rem;margin-bottom: 1.0rem;}
            .popup-wrap3{display: inline-block;width:90%;max-width:100%;height:17rem;background: url("__PUBLIC__/widget/vote/images/vote/popupBg3.png") bottom center no-repeat;background-size: 100% 100%;background-color: transparent;border:none!important;margin-top: 0rem;margin-bottom: 1.0rem;}
            .popup-body{padding:2.65rem 0.75rem 0.75rem 0.75rem;color: #8B4B23}
            a.close-popup{display: inline-block;width:1.25rem;max-width:100%;height:1.25rem;line-height:1.25rem;background: url("__PUBLIC__/widget/vote/images/xws/btn-close.png") bottom center no-repeat;background-size: 100% 100%;background-color: transparent;border:none!important;text-align: center;color: #fff;outline: none;color:#fff;}
            .modal-overlay, .popup-overlay, .preloader-indicator-overlay{background: rgba(0,0,0,.7);}
            /*icon*/
            .zc { width: 1.0rem; min-height: 1.0rem; display: inline-block; vertical-align: middle; background-size: 100% auto!important; }
            .zc-big{width: 1.2rem; min-height: 1.2rem;}
            .zc_clock {background: url("__PUBLIC__/widget/vote/images/icon_clock.png") center no-repeat;}
            /*button*/
            .btn-warning{display: inline-block;width:12.5rem;max-width:100%;height:2.25rem;line-height:2.25rem;background: url("__PUBLIC__/widget/vote/images/xws/btn-warning.png") bottom center no-repeat;background-size: 100% 100%;background-color: transparent;border:none!important;text-align: center;color: #fff;outline: none;}
            .btn-warning-md{display: inline-block;width:100%;max-width:100%;height:2.25rem;line-height:2.25rem;color: #fff;font-size: 1.1rem;background-color: #fc8f00; border: none;}
            .btn-warning-sm{font-size: 0.9rem;margin-top: 20%;display: inline-block;width:4.0rem;max-width:100%;height:1.8rem;line-height:1.8rem;background-color: #67abfe;border:none!important;text-align: center;color: #fff;outline: none; border-radius: 7px;}
            .action-block{margin-top: 1.0rem;margin-bottom: 0.3rem;}
            button.disabled{background-image: none;background-color:#EEEEEE;color:#aaa;-moz-border-radius: 0.5rem!important; -webkit-border-radius: 0.5rem!important; border-radius: 0.5rem!important; overflow: hidden }
            /*line-title*/
            .slogan{margin-left:1.55rem;margin-top:1.0rem;padding-bottom: 0.75rem;}
            .line{content:"";display:inline-block;width: 1.5rem;height: 0.05rem;background-color:#59BFFD;vertical-align: middle;}
            .line-title{margin-left: 0.5rem;margin-right: 0.5rem;}

            /*新卡片的样式*/
            .card{border-radius: 8px; height: 6rem}
            .card .card-content{
                height: 100%;
            }
            .card .card-content-inner{
                /*height: 100%;*/
            }
            .card .vote_product_title{
                padding-right: 0;
                padding-left: 0;
                font-size: 0.9rem;
            }
            .card .vote_product_btn{
                padding-left: 0;
                padding-right: 0;
            }
            .card .vote_product_votes{
                color:#fe28a2;
                font-size: 0.9rem;
            }
            .card .vote_product_votes_cn{
                color:#fe28a2;
                /*font-size: 0.9rem;*/
            }
            .card .vote_product_votes_slogan
            {
                font-size: 0.7rem;
                height: 2rem;
                display: block;
                overflow: hidden;
                margin-top: 1rem;
            }

            .card .vote_product_votes_name{
                font-size: 0.9rem;
            }
            .card .vote_product_votes_num{
                color: #67abfe;
                width: 3.5rem;
                display: inline-flex;
            }

            /* -----------------------------------
GLOBAL DEFAULT RIBBON SETTINGS
-----------------------------------*/
            .ribbon { background-color: #fe28a2; border-color: #fe28a2;/*Folds*/ color: #fff700; position: absolute;text-align: center; font-size: 0.5rem; }
            /*Darken the folds*/
            .ribbon:after, .ribbon:before { -webkit-filter: contrast(200%) grayscale(80%); }
            [class^="ribbon--"] { position: absolute; z-index: 99; }
            /*Corner Ribbon Size*/
            [class^="ribbon--corner"] { width: 4.5rem; height: 4.5rem; }
            /* -----------------------------------
            CORNERS
            -----------------------------------*/

            /*General*/
            [class^="ribbon--corner"] { overflow: hidden; }
            [class^="ribbon--corner"] .ribbon { line-height: 0px; padding: 30% 0; /*Half of 33.33% height*/ width: 100%; -webkit-transform-origin: 100% 100%; }
            /*[class^="ribbon--corner"] .ribbon:before, [class^="ribbon--corner"] .ribbon:after { content: " "; display: block; position: absolute; width: 0; height: 0; border-color: inherit; border-color: inherit; border-width: 3px; border-style: solid; }*/
            /*Positions*/
            .ribbon--corner--ne, .ribbon--corner--nw { top: -0.2rem; }
            .ribbon--corner--se, .ribbon--corner--sw { bottom: -0.2rem; }
            .ribbon--corner--nw, .ribbon--corner--sw { left: 0.6rem; }
            .ribbon--corner--ne, .ribbon--corner--se { right: -0.2rem; }
            /*Individual Settings*/
            .ribbon--corner--nw .ribbon { top: -49px; /*-34%*/ left: -26px; /*-32%*/ -webkit-transform: rotate(-45deg); -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,.5); }
            .ribbon--corner--ne .ribbon { top: 27px; /*36%*/ right: 0px; /*0%*/ -webkit-transform: rotate(45deg); -webkit-box-shadow: -1px 1px 4px rgba(0,0,0,.5); }
            @-moz-document url-prefix() { .ribbon--corner--ne .ribbon { right: -0.8rem;top:0.5rem; } }
            .ribbon--corner--sw .ribbon { bottom: -16.5px; /*-24%*/ left: -37.5px; /*-56%*/ -webkit-transform: rotate(45deg); -webkit-box-shadow: 1px -1px 4px rgba(0,0,0,.5); }
            .ribbon--corner--se .ribbon { bottom: 33px; /*46%*/ right: -16px; /*-24%*/ -webkit-transform: rotate(-45deg); -webkit-box-shadow: -1px -1px 4px rgba(0,0,0,.5); }
            /*[class^="ribbon--corner--n"] .ribbon:before, [class^="ribbon--corner--n"] .ribbon:after { bottom: -5px; twice the border width }*/
            [class^="ribbon--corner--s"] .ribbon:before, [class^="ribbon--corner--s"] .ribbon:after { top: -6px;/* twice the border width*/ }
            [class^="ribbon--corner--n"] .ribbon:before { left: 0; border-bottom-color: transparent; border-right-color: transparent; }
            [class^="ribbon--corner--n"] .ribbon:after { right: 0; border-bottom-color: transparent; border-left-color: transparent; }
            [class^="ribbon--corner--s"] .ribbon:before { right: 0; border-top-color: transparent; border-left-color: transparent; }
            [class^="ribbon--corner--s"] .ribbon:after { left: 0; border-top-color: transparent; border-right-color: transparent; }
            /* -----------------------------------
            EDGES
            -----------------------------------*/

            /*General*/
            [class^="ribbon--edge"] .ribbon { width: auto; padding: 0.2rem;min-width: 4.0rem; }
            /*Same as class^="ribbon-full", below*/
            [class^="ribbon--edge"] .ribbon:after { content: ""; position: absolute; z-index: -1; border-color: inherit; border-width: 0.2rem; border-style: solid; }
            /*Positions*/
            .ribbon--edge--e .ribbon:after, .ribbon--edge--w .ribbon:after { top: 100%; }
            .ribbon--edge--n .ribbon:after, .ribbon--edge--s .ribbon:after { left: 100%; }
            /*Individual Settings*/
            .ribbon--edge--e { right: -0.2rem;bottom: 1.75rem; }
            .ribbon--edge--e .ribbon { right: 100%; -webkit-box-shadow: -1px 1px 4px rgba(0,0,0,.5); }
            .ribbon--edge--w { left: -0.2rem; }
            .ribbon--edge--w .ribbon { left: 100%; -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,.5); }
            .ribbon--edge--n { top: -0.2rem; }
            .ribbon--edge--n .ribbon { top: 100%; -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,.5); }
            .ribbon--edge--s { bottom: -0.2rem; }
            .ribbon--edge--s .ribbon { bottom: 100%; -webkit-box-shadow: 1px -1px 4px rgba(0,0,0,.5); }
            .ribbon--edge--e .ribbon:after { border-top-color: transparent; border-bottom-color: transparent; border-top-width: 0; border-right-width: 0; left: auto; right: 0; }
            .ribbon--edge--w .ribbon:after { border-left-color: transparent; border-right-color: transparent; right: auto; left: 0; border-right-width: 0; border-bottom-width: 0; }
            .ribbon--edge--n .ribbon:after { border-top-color: transparent; border-bottom-color: transparent; bottom: auto; top: 0; border-right-width: 0; border-bottom-width: 0; }
            .ribbon--edge--s .ribbon:after { border-top-color: transparent; border-bottom-color: transparent; top: auto; bottom: 0; border-top-width: 0; border-right-width: 0; }
            /* Uncomment for some unreliable N, S, E, W centering
            .ribbon--edge--e,
            .ribbon--edge--w{
                    top:50%;
                    margin-top:-10px;
            }
            .ribbon--edge--n,
            .ribbon--edge--s{
                    left:46%;	
            }
            */

            /* -----------------------------------
            FULL
            -----------------------------------*/

            /*General*/
            [class^="ribbon--full"] { position: absolute; width: 100%; top: auto; bottom: auto; }
            [class^="ribbon--full"] .ribbon { left: -4px; right: -4px; padding: 4px 0px; }
            [class^="ribbon--full"] .ribbon:before, [class^="ribbon--full"] .ribbon:after { content: ""; position: absolute; z-index: -1; border-color: inherit; border-width: 4px; border-style: solid; }
            /*Positions*/
            .ribbon--full--n { top: 0px; bottom: auto; }
            .ribbon--full--s { bottom: 0px; top: auto; }
            /*Individual Settings*/
            .ribbon--full--n .ribbon { -webkit-box-shadow: 0px 1px 4px rgba(0,0,0,.5); }
            .ribbon--full--n .ribbon:before { top: 100%; border-left-color: transparent; border-right-color: transparent; right: auto; left: 0; border-right-width: 0; border-bottom-width: 0; }
            .ribbon--full--n .ribbon:after { top: 100%; border-top-color: transparent; border-bottom-color: transparent; border-top-width: 0; border-right-width: 0; left: auto; right: 0; }
            .ribbon--full--s .ribbon { -webkit-box-shadow: 0px -1px 4px rgba(0,0,0,.5); }
            .ribbon--full--s .ribbon:before { bottom: 100%; border-left-color: transparent; border-right-color: transparent; right: auto; left: 0; border-right-width: 0; border-top-width: 0; }
            .ribbon--full--s .ribbon:after { bottom: 100%; border-top-color: transparent; border-bottom-color: transparent; border-bottom-width: 0; border-right-width: 0; left: auto; right: 0; }
            /* -----------------------------------
            FLAT UI COLORS
            http://designmodo.github.io/Flat-UI/
            -----------------------------------*/
            .ribbon--turquoise .ribbon { background-color: #1ABC9C; border-color: #1ABC9C; color: #fff; }
            .ribbon--blue .ribbon { background-color: #3498DB; border-color: #3498DB; color: #fff; }
            .ribbon--purple .ribbon { background-color: #9B59B6; border-color: #9B59B6; color: #fff; }
            .ribbon--green .ribbon { background-color: #2ECC71; border-color: #2ECC71; color: #fff; }
            .ribbon--gray .ribbon { background-color: #95A5A6; border-color: #95A5A6; color: #fff; }
            .ribbon--dkgray .ribbon { background-color: #34495E; border-color: #34495E; color: #fff; }
            .ribbon--ltgray .ribbon { background-color: #BDC3C7; border-color: #BDC3C7; color: #fff; }
            .ribbon--yellow .ribbon { background-color: #F1C40F; border-color: #F1C40F; color: #fff; }
            .ribbon--orange .ribbon { background-color: #E67E22; border-color: #E67E22; color: #fff; }
            .ribbon--red .ribbon { background-color: #E74C3C; border-color: #E74C3C; color: #fff; }
            .ribbon--white .ribbon { background-color: #FFFFFF; border-color: #FFFFFF; color: #444444; }
            .ribbon3 { display: inline-block; position: absolute; min-width: 4.0rem; height: 1.4rem; line-height: 1.4rem; padding-left: 0.75rem; background: #ff3e2e; right: -0.25rem; bottom: 0.5rem;color:#fff; }
            .ribbon3:before, .ribbon3:after { content: ""; position: absolute; }
            .ribbon3:before { height: 0; width: 0; border-bottom: 0.3rem solid black; border-right: 0.25rem solid transparent; top: -0.25rem; right: 0; }
            .ribbon3:after { height: 0; width: 0; border-top: 1.45rem solid transparent; border-right: 0.5rem solid #ff3e2e; left: -0.45rem; }
            .rank_number{
                -webkit-transform:rotate(45deg);
                font-size: 1rem;
                position: absolute;
                top:1.7rem;
                right:2rem;

            }

            @media screen and (max-width: 320px){
                .ribbon--corner--nw .ribbon{
                    top:-42px;
                }
            }

            @media screen and (max-width: 360px){
                .ribbon--corner--nw .ribbon{
                    top:-50px;
                }
                .card .vote_product_votes_num{
                    font-size: 0.7rem;
                    width:3.1rem;
                }
                .card .vote_product_votes_name{
                    font-size: 0.7rem;
                }
                .card .vote_product_votes_slogan{
                    margin-top: 0.6rem;
                }
            }

            .bar-tab{
                background-color: #fc8f00;
            }

            .btn-warning-share{top:10rem;position: relative;display: inline-block;width:30%;max-width:100%;height:2.25rem;line-height:2.25rem;color: #fff;font-size: 1.1rem;background-color: #fc8f00;border-radius: 10px;}
            .btn-warning-ranks{display: inline-block;width:90%;max-width:100%;height:2.25rem;line-height:2.25rem;color: #fff;font-size: 1.0rem; background-color: #67abfe; border: none; border-radius: 13px;}
            .btn-warning-votes{display: inline-block;width:90%;max-width:100%;height:2.25rem;line-height:2.25rem;color: #fff;font-size: 1.0rem;background-color: #ff60ee; border: none;border-radius: 13px;}
            .user-name{
                color:#ff6c61;
                top:-0.6rem;
                position: relative;
                width: 7rem;
                display: inline-flex;
            }
            .user-avatar{
                border-radius: 100%;
            }
            .vote-date{
                position: relative;
                top:0.6rem;
                color:#8a8a8a;
            }
            .vote-text{
                float: right;
                margin-right: 10px;
                position: relative;
                top:0.6rem;
                color:#8a8a8a;
            }
            .bar-header-secondary{
                top:0;
            }

            .bar{
                position: relative;
                background: url("/Public/widget/vote/images/vote/body_bg.png") center repeat-y;
                border-bottom: none;
            }
            .searchbar{
                background: transparent;
                padding-left: 0.5rem;
                padding-right: 0.5rem;
                height:3.0rem;
            }
            .bar .searchbar .searchbar-cancel{
                color: #fff;
                line-height: 1.8rem;
            }
            .searchbar .search-input input{
                height: 1.8rem;
            }
            .search-input input{
                border:none;
            }
            .button.button-fill{
                height: 1.8rem;
                line-height: 1.8rem;
            }
            #search{
                padding-left: 1.5rem;
            }

        </style>
    </head>
    <body>
        <div class="page">
            <div class="content"> 
                <div class="searchbar row">

                    <div class="search-input col-80">
                        <label class="icon icon-search" for="search"></label>
                        <form id='myform' action="{:U('search')}" method="post">
                            <input type="search" name="keywords" value="{$keywords}" id='search' placeholder='输入名字或编号'/>
                        </form>
                    </div>
                    <a class="button button-fill button-primary col-20" id="search_btn">搜索</a>

                </div>

                <div class="content-block clearfix" style="margin-top: 1.2rem;">
                    <!--产品列表-->

                    <notempty name="products">
                        <volist name="products" id="vo">
                            <div class="card">
                                <div class="card-content row">
                                    <div class="ribbon--corner--nw" style="user-select: text;">
                                        <div class="ribbon" style="user-select: text;">
                                            <span class="rank_number">{$i}</span>
                                        </div>
                                    </div>
                                    <div class="card-content-inner col-33">
                                        <img src="{$vo.thumb}" style="width: 100%; height: 100%;"> 
                                    </div>
                                    
                                    <div class="card-content-inner col-40 vote_product_title">
                                        <span class="vote_product_votes_num">{$vo.vote_num}号</span>
                                        <span class="vote_product_votes_name">{$vo.name}</span>
                                        <br/>
                                        <span class="vote_product_votes_slogan">{$vo.slogan}</span>
                                    </div>
                                    <div class="card-content-inner col-25 vote_product_btn">
                                        <span class="vote_product_votes">{$vo.votes}</span><span class="vote_product_votes_cn"> 票</span>
                                        <br/>
                                        <a type="button" class="btn btn-warning-sm" href="{:U('Home/Widgetvote/detail_wechat',array('mid'=>$mid,'vid'=>$vo['vid'],'pid'=>$vo['pid'],'ranks'=>$i))}">投 票</a>
                                    </div>
                                </div>

                                
                            </div>
                        </volist> 
                        <else/>
                        <div>
                            <img src="__PUBLIC__/widget/vote/images/vote/popupBg4.png" style="width: 100%">
                        </div>
                    </notempty>



                </div>
            </div>

        </div>



        <script type="text/javascript" src="//cdn.bootcss.com/jquery/1.8.3/jquery.min.js"></script>
        <script type="text/javascript">$.config = {router: false}</script>
        <script src="//cdn.bootcss.com/light7/0.4.3/js/light7.min.js"></script>
        <script type="text/javascript">$.init();</script>
        <script type="text/javascript">
            $("#search_btn").click(function () {
                $("#myform").submit();
            });
        </script>
        <!--微信分享-->
        <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
        <script>
            //分享

            wx.config({
                debug: false,
                appId: '{$signPackage["appId"]}',
                timestamp: {$signPackage["timestamp"]},
                nonceStr: '{$signPackage["nonceStr"]}',
                signature: '{$signPackage["signature"]}',
                jsApiList: [
                    // 所有要调用的 API 都要加到这个列表中
                    'onMenuShareTimeline',
                    'onMenuShareAppMessage'
                ]
            });
            wx.ready(function () {
                // 在这里调用 API
                wx.onMenuShareTimeline({
                    title: '{$wx_share.timeline_title}', // 分享标题
                    desc: '{$wx_share.desc}', // 分享描述
                    link: "{$wx_share.link}", // 分享链接
                    imgUrl: "{$wx_share.logo}", // 分享图标
                    success: function () {
                        // 用户确认分享后执行的回调函数，生成红包

                    },
                    cancel: function () {
                        // 用户取消分享后执行的回调函数
                    }
                });
                wx.onMenuShareAppMessage({
                    title: '{$wx_share.title}', // 分享标题
                    desc: '{$wx_share.desc}', // 分享描述
                    link: "{$wx_share.link}", // 分享链接
                    imgUrl: "{$wx_share.logo}", // 分享图标
                    type: '', // 分享类型,music、video或link，不填默认为link
                    dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                    success: function () {
                        // 用户确认分享后执行的回调函数

                    },
                    cancel: function () {
                        // 用户取消分享后执行的回调函数
                    }
                });
            });

        </script>
    </body>
</html>